<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <title>交易记录</title>
    <link rel="stylesheet" href="../../css/bootstrap.font.min.css"/>
    <link rel="stylesheet" href="../../css/forms.min.css"/>
    <link rel="stylesheet" href="../../css/style.css"/>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top to-nav">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
            </button>
            <a class="navbar-brand to-brand" href="#"><i class="fa fa-weixin fa-fw"></i>&nbsp;&nbsp;SZG 后台管理系统</a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown">
                    <a href="javascript:" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                        <i class="fa fa-gear"></i>&nbsp;Mr Toma&nbsp;<span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#">个人信息</a></li>
                        <li><a href="#">修改密码</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">退出系统</a></li>
                    </ul>
                </li>
            </ul>
        </div><!-- navbar-collapse -->
    </div>
</nav>
<!-- 菜单 start -->
<aside class="sidebar_left">
    <div class="sidebar_content">
        <ul class="nav">
            <li class="active">
                <a href="#" class="nav-link"><i class="fa fa-group"></i>个人中心</a>
                <ul class="link-lop">
                    <li><a href="javascript:">账户总览</a></li>
                    <li><a href="javascript:">交易记录</a></li>
                    <li><a href="javascript:">账户设置</a></li>
                </ul>
            </li>
            <li><a href="#" class="nav-link"><i class="fa fa-wrench"></i>网站设置</a></li>
        </ul>
    </div>
</aside>
<!-- 菜单 end -->
<section class="content">
    <div class="con-wap">
        <!-- view start -->

        <ol class="breadcrumb border">
            <li><a href="#">个人中心</a></li>
            <li class="active">交易记录</li>
        </ol>

        <section class="panel panel-default">
            <header class="panel-heading">
                <h4>交易纪录 <a href="javascript:" class="pull-right"><i class="fa fa-arrow-circle-left"></i></a></h4>
            </header>
            <article class="panel-body pl-col">
                <div class="displayt">
                    <div class="cell w90 vertop text-right">分类:</div>
                    <div class="cell app-sxk">
                        <label class="active">全部</label>
                        <label>支出</label>
                        <label>充值</label>
                        <label>提现</label>
                        <label>退款</label>
                        <input type="hidden">
                    </div>
                </div>
            </article>
            <article class="panel-body pl-col">
                <div class="displayt">
                    <div class="cell w90 vertop text-right">状态:</div>
                    <div class="cell app-sxk">
                        <label class="active">全部</label>
                        <label>成功</label>
                        <label>失败</label>
                        <label>审核中</label>
                        <input type="hidden">
                    </div>
                </div>
            </article>
            <article class="panel-body pl-col">
                <div class="inline w90 text-right">起止日期:</div>
                <label class="inline ml10">
                    <input type="text" class="form-control w160 form_datetime" readonly>
                </label>
                <span>-</span>
                <label class="inline">
                    <input type="text" class="form-control w160 form_datetime" readonly>
                </label>
            </article>
            <article class="panel-body pl-col">
                <div class="inline w90 text-right">金额范围:</div>
                <label class="inline ml10">
                    <input type="text" class="form-control w160">
                </label>
                <span>-</span>
                <label class="inline">
                    <input type="text" class="form-control w160">
                </label>
            </article>
            <article class="panel-body pl-col">
                <div class="inline w90 text-right">关键字:</div>
                <label class="inline ml10">
                    <input type="text" class="form-control w200" placeholder="请输入关键字">
                </label>
                <button class="btn btn-warning ver-top">搜索</button>
            </article>
        </section>

        <section class="panel panel-default">
            <table class="table table-striped">
                <thead>
                <tr>
                    <th>交易时间</th>
                    <th>交易类型</th>
                    <th>交易内容</th>
                    <th>交易号</th>
                    <th>交易金额</th>
                    <th>交易状态</th>
                    <th>结余</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>2016-9-12 08:53:18</td>
                    <td>佣金</td>
                    <td>--</td>
                    <td>1323154613214546143154</td>
                    <td>-2000</td>
                    <td>交易成功</td>
                    <td>12000</td>
                    <td><a href="javascript:">详情</a></td>
                </tr>
                <tr>
                    <td>2016-9-12 08:53:18</td>
                    <td>佣金</td>
                    <td>--</td>
                    <td>1323154613214546143154</td>
                    <td>-2000</td>
                    <td>交易成功</td>
                    <td>12000</td>
                    <td><a href="javascript:">详情</a></td>
                </tr>
                <tr>
                    <td>2016-9-12 08:53:18</td>
                    <td>佣金</td>
                    <td>--</td>
                    <td>1323154613214546143154</td>
                    <td>-2000</td>
                    <td>交易成功</td>
                    <td>12000</td>
                    <td><a href="javascript:">详情</a></td>
                </tr>
                </tbody>
            </table>
            <div class="panel-footer">
                <nav class="clearfix">
                    <ul class="pagination pull-right">
                        <li>
                            <a href="#" aria-label="Previous">
                                <span aria-hidden="true">«</span>
                            </a>
                        </li>
                        <li class="active"><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li>
                            <a href="#" aria-label="Next">
                                <span aria-hidden="true">»</span>
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
        </section>

        <!-- view end -->
    </div>
</section>



<script src="../../lib/jquery.min.js"></script>
<script src="../../js/sea.js"></script>
<script src="../../js/main.js"></script>
<script>
    seajs.use('management',function (cc) { cc.jyIndex() });
</script>
</body>
</html>